{include file="header.tpl" title="Payement"}

<!-- Fait par [Mathieu FOURNIAL] -->

<h1>Paiement</h1>

<!-- Formulaire de payement -->
<div class="payement-carte">
    <h2>Paiement par carte</h2>
    <!-- Fomulaire -->
    <form action="paiement-valide.php?numcmd={$numcmd}" method="post">
        <div class="champs">
            <label for="NOM">Nom :</label>
            <input type="text" name="NOM" id="NOM" class="obligatoire" />
            <div class="infos"></div>
            <div class="exemple">* En majusucle, Ex: DUPONT</div>
        </div>
        <div class="champs">
            <label for="PRENOM">Prénom :</label>
            <input type="text" name="PRENOM" id="PRENOM" class="obligatoire" />
            <div class="infos"></div>
            <div class="exemple">* Première lettre en majuscule et le reste en minuscule, Ex: Martin</div>
        </div>
        <div class="champs">
            <label for="TYPE-CARTE">Prénom :</label>
            <select name="TYPE-CARTE" id="TYPE-CARTE">
                <option value="CARTE VISA">CARTE VISA</option>
                <option value="MASTERCARD">MASTERCARD</option>
                <option value="CARTE BLEUE">CARTE BLEUE</option>
                <option value="AMERICAN EXPRESS">AMERICAN EXPRESS</option>
            </select>
        </div>
        <div class="champs">
            <label for="NUMERO">Numéro carte :</label>
            <input type="text" name="NUMERO" id="NUMERO" class="obligatoire" />
            <div class="infos"></div>
            <div class="exemple">* Numéro de votre carte bancaire, Ex: XXXX XXXX XXXX XXXX</div>
        </div>
        <div class="champs">
            <label for="NUMERO-CONTROLE">N° de contrôle :</label>
            <input type="text" name="NUMERO-CONTROLE" id="NUMERO-CONTROLE" class="obligatoire" />
            <div class="infos"></div>
            <div class="exemple"><img src="css/images/control-number-CB.png" alt="CB" />* Le numéro de contrôle est obligatoire, et est composé de 3 chiffres qui figurent au verso de votre carte bancaire.</div>
        </div>
        <div class="champs">
            <label for="DATE-EXPIRATION-MOIS">Date d'expiration :</label>
            <select name="DATE-EXPIRATION-MOIS" id="DATE-EXPIRATION-MOIS">
                {for $mois=01 to 12}
                    <option value="{$mois}">{$mois}</option>
                {/for}
            </select>
            <span>/</span>
            <select name="DATE-EXPIRATION-ANNEE" id="DATE-EXPIRATION-ANNEE">
                {for $annee=2012 to 2022}
                    <option value="{$annee}">{$annee}</option>
                {/for}
            </select>
        </div>
        <div class="bouton">
            <input type="submit" value="Envoyer" />
            <input type="reset" value="Effacer" />
        </div>
    </form>
</div>
<div class="payement-externe">
    <h2>Paiement externe</h2>
    <form action='paiement-valide.php?numcmd={$numcmd}' METHOD='POST'>
        <input type='image' name='submit' src='css/images/btn_xpressCheckout.gif' border='0' align='top' alt='Acheter avec PayPal'/>
    </form>
</div>

<!-- Somme total -->
<div class="panier-valide">
    <div class="prix-total">Prix Total : <span class="prix">{$prix_total}</span> €</div>
    <div class="lien-acheter"><a href="acheter.php">Retour ...</a></div>
</div>

{include file="footer.tpl"}